.container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
}

.section__title {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}

.site-header {
    display: flex;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    align-items: center;
}

.site-header-mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 15px 20px;
    align-items: center;
    justify-content: space-between;
}
.site-header-mobile .site-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    transition: transform 0.5s;
    transform: translateX(-100%);
}
.site-header-mobile .close-menu {
    text-align: right;
    font-weight: bold;
}
.site-header-mobile .close-menu-overlay {
    position: absolute;
    right: 0;
    width: 70px;
    top: 0;
    bottom: 0;
}
.site-header-mobile.menu-open .site-nav {
    transform: translateX(0);
}
.site-header-mobile .site-nav ul {
    flex: 1;
    padding: 30px;
    background: #1E252A;
    flex-direction: column;
    font-size: 18px;
}
.site-header-mobile .site-nav a {
    color: rgba(255,255,255,0.7);
    padding-bottom: 35px;
    display: block;
}
.site-nav {
    margin-left: auto;
}

.site-nav .icon {
    margin-right: 10px;
}

.site-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-nav ul li {
    margin: 0 15px;
}
.site-nav a {
    color: #fff;
}

/** Page Top **/

.page-top {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    background: url('../images/nurse-in-care-home.jpg') no-repeat center center;
    background-size: cover;
}

.page-top::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002038;
    opacity: 0.7;
}
.page-top::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 132px;
    background: url('../images/rounding.svg') no-repeat center 5px;
    background-size: 100% 100%;
}

.features {
    display: flex;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 5;
    margin-top: 120px;
    justify-content: space-between;
    font-size: 18px;
}

.feature {
    flex: 0 0 270px;
    line-height: 1.5;
    position: relative;
}

.feature.save-money {
    padding: 0 30px;
}

.feature.save-money .feature__icon img {
    margin-top: -7px;
}

.feature.stress .feature__icon img {
    margin-top: 7px;
}

.feature__icon {
    display: inline-block;
    width: 70px;
    height: 70px;
}

/** Packages **/

.section-packages {
    position: relative;
    z-index: 5;
    margin-top: -200px;
    text-align: center;
}
.packages__wrapper {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 2px 50px 0 rgba(53,70,80,0.12);
    padding: 50px 0px 50px 0px;
}

.packages__title {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 15px;
}
.packages__customers {
    font-size: 18px;
    display: inline-block;
    border-bottom: 1px dashed #54D0FF;
    padding: 4px 0;
    margin-top: 12px;
    font-weight: bold;
}

.packages {
    display: flex;
    justify-content: space-evenly;
    margin: 36px 0 75px;
}
.package {
    flex: 0 0 280px;
    background-color: #F5F9FB;
    border-radius: 10px;
    border: 1px solid #CCDCE2;
    position: relative;
}
.package.most-popular::after {
    content: '';
    position: absolute;
    background: url(../images/most-popular.svg) no-repeat center center;
    top: -15px;
    right: -15px;
    width: 60px;
    height: 60px;
    z-index: 10;
}
.package__stock {
    background: #fff;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ccdce2;
    padding: 10px;
    color: #728B9B;
}
.package__title {
    padding: 20px;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 0;
}
.package .amount {
    font-size: 30px;
    font-weight: bold;
    margin: 15px 0 0;
}
.package .amount small {
    display: inline-block;
    font-weight: normal;
    color: #354650;
    position: relative;
}
.package .amount small::after {
    content: '';
    display: block;
    width: 100%;
    top: 50%;
    padding: 0 20px;
    position: absolute;
    border-top: 2px solid;
}
.package__bonus {
    display: flex;
    align-items: center;
    height: 100px;
    justify-content: center;
}
.package__button {
    width: 70%;
}
.package__note {
    padding: 15px 30px;
}
.package__outside-note {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 15px 25px;
}
.package.hours-10 .amount {
    color: #F5A623;
}
.package.hours-10 .amount small::after {
    border-color: #F5A623;
}
.package.hours-10 .package__button {
    background-color: #F5A623;
}
.package.hours-10 .package__button:hover {
    background-color: #DC931A;
}

.package.hours-20 .amount {
    color: #29C581;
}
.package.hours-20 .amount small::after {
    border-color: #29C581;
}
.package.hours-20 .package__button {
    background-color: #29C581;
}
.package.hours-20 .package__button:hover {
    background-color: #17A869;
}

.package.hours-30 .amount {
    color: #54D0FF;
}
.package.hours-30 .amount small::after {
    border-color: #54D0FF;
}
.package.hours-30 .package__button {
    background-color: #54D0FF;
}
.package.hours-30 .package__button:hover {
    background-color: #00B9FF;
}

/** Learn More **/
.learn-more {
    text-align: center;
    padding: 70px 20px;
}
.learn-more-button {
    display: inline-block;
    color: #354650;
    position: relative;
}
.learn-more-button::after {
    content: '';
    display: block;
    width: 20px;
    height: 15px;
    left: calc(50% - 10px);
    top: 25px;
    position: absolute;
    background: url('../images/scroll-down.svg') no-repeat center center;
}

/** Customers **/
#customers {
    padding-top: 30px;
}

.customers__wrapper {
    text-align: center;
    position: relative;
    font-size: 18px;
    padding: 30px;
}
.swiper-container {
    padding: 0 40px;
}
.customer {
    padding: 80px 0;
    border-radius: 20px;
}
.customer.swiper-slide-active {
    border: 1px solid #CCDCE2;
}
.customers__title {
    position: absolute;
    font-weight: normal;
    top: 3px;
    left: 0;
    right: 0;
}
.customers__title span {
    display: inline-block;
    padding: 5px 25px;
    background: #fff;
    font-size: 36px;
    position: relative;
    z-index: 5;
}
.customer__content {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.5;
}
.customer__photo {
    margin-bottom: 35px;
}
.customer__photo img {
    max-width: 225px;
    height: auto;
}
.customer__name {
    font-weight: bold;
    margin-top: 40px;
}
.swiper-button-prev,
.swiper-button-next {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 1px solid #CCDCE2;
    background-color: #fff;
    background-size: 15px;
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-next {
    right: 0;
}

/** FAQs **/
.section-faqs .section__title{
    margin-bottom: 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #BECAD3;
}
.faq-list {
    counter-reset: faqs-counter;
    list-style: none;
    padding: 0;
    margin: 0 0 70px;
}
.faq {
    counter-increment: faqs-counter;
    padding: 35px 0 10px 35px;
    border-bottom: 1px solid #BECAD3;
}
.faq__title {
    position: relative;
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 20px;
    cursor: pointer;
    padding-right: 40px;
}
.faq__title::before {
    content: counter(faqs-counter) '.';
    position: absolute;
    right: 100%;
    color: #54d0ff;
    margin-right: 10px;
    font-weight: bold;
}
.faq__title::after {
    content: '';
    background: url('../images/arrow-right.svg') no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
    transition: transform 0.5s;
    transform: rotate(90deg);
}
.expanded .faq__title::after {
    transform: rotate(-90deg);
}
.faq__answer {
    font-size: 18px;
    opacity: 0;
    line-height: 1.5;
    padding-right: 70px;
    transition: opacity 1s;
    height: 0;
    overflow: hidden;
    margin: 0;
}
.expanded .faq__answer {
    opacity: 1;
    height: auto;
    margin-bottom: 1.5em;
}

@media ( max-width: 700px ) {
    .site-header {
        display: none;
    }
    .site-header-mobile {
        display: flex;
    }
    .container {
        padding: 15px;
    }
    .page-top::after {
        height: 50px;
        bottom: -4px;
    }
    .features {
        flex-direction: column;
        padding-bottom: 200px;
    }
    .feature {
        flex: 1;
        display: flex;
        text-align: left;
        padding: 15px;
        align-items: center;
    }
    .feature__icon {
        flex: 0 0 75px;
    }
    .feature.save-money {
        padding: 15px;
    }
    .packages__wrapper {
        padding: 25px;
        margin-bottom: 50px;
    }
    .packages {
        flex-direction: column;
    }
    .package {
        margin-bottom: 40px;
        flex: 1;
    }
    .customers__wrapper {
        padding: 0;
        margin-bottom: 50px;
    }
    .swiper-container {
        padding: 0 0 40px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: auto;
        bottom: 0;
    }
    .learn-more {
        display: none;
    }
    .swiper-button-next {
        right: 40px;
    }
    .swiper-button-prev {
        left: 40px;
    }
    .customers__title span {
        max-width: 280px;
        padding: 0 15px;
        top: -30px;
    }
    .customer__content {
        padding: 0 40px;
    }
}

@media ( min-width: 500px ) and ( max-width: 980px )  {
    .container {
        padding: 20px;
    }
    .feature {
        flex: 1;
    }
    .package {
        width: 70%;
        margin-bottom: 40px;
    }
    .packages {
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }
    .packages__wrapper {
        padding: 20px;
    }
    .customer__content {
        padding: 0 70px;
    }
    .section-faqs {
        padding: 30px;
    }
}

/***
   Footer style
***/
#footer-background {
    background: #1b1e25;
    padding: 1px 20px 15px;
}
#footer-links {
    display: table;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
#footer-links div.dinamic-cell {
    display: table-row;
}
#footer-links div.dinamic-cell div.table {
    display: table;
    width: 100%;
    padding: 20px 0;
}
#footer-links div.dinamic-cell div.table div.static-cell {
    display: table-cell;
    width: 50%;
}
#footer-links div.dinamic-cell div.table div.static-cell ul {
    list-style: none;
}
#footer-links div.dinamic-cell div.table div.static-cell ul li {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
#footer-links div.dinamic-cell div.table div.static-cell ul li a {
    color: #fff;
    text-decoration: none;
    opacity: 0.3;
}
#footer-links div.dinamic-cell div.table div.static-cell ul.col1,
#footer-links div.dinamic-cell div.table div.static-cell ul.col2,
#footer-links div.dinamic-cell div.table div.static-cell ul.col3,
#footer-links div.dinamic-cell div.table div.static-cell div.col4 {
    display: table;
    width: 140px;
    margin: 0 auto;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social {
    height: 35px;
    padding: 11px 0 20px;
    box-sizing: unset;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 5px;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a:first-child {
    margin: 0 5px 0 0;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a:last-child {
    margin: 0 0 0 5px;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a.yelp {
    background: url(../../../img/yelp-icon.svg) no-repeat;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a.twitter {
    background: url(../../../img/twitter-icon.svg) no-repeat;
}
#footer-links div.dinamic-cell div.table div.static-cell div.social a.facebook {
    background: url(../../../img/facebook-icon.svg) no-repeat;
}
#footer-links div.dinamic-cell div.table div.static-cell a.accredited {
    background: url(../../../img/accredited-business.png) no-repeat;
    height: 55px;
    width: 113px;
    display: block;
}
@media (min-width: 380px){
    #footer-links div.dinamic-cell div.table div.static-cell ul.col1,
    #footer-links div.dinamic-cell div.table div.static-cell ul.col2,
    #footer-links div.dinamic-cell div.table div.static-cell ul.col3,
    #footer-links div.dinamic-cell div.table div.static-cell div.col4 {
        width: 170px;
    }
}
@media (min-width: 768px){
    #footer-links div.dinamic-cell {
        display: table-cell;
        width: 50%;
    }
    #footer-links div.dinamic-cell div.table div.static-cell ul.col2 {
        padding-right: 4px;
    }
    #footer-links div.dinamic-cell div.table div.static-cell ul.col3 li {
        padding-left: 32px;
    }
}
#footer-text {
    font-size: 14px;
    color: #fff;
    opacity: 0.3;
    text-align: center;
    padding-bottom: 7px;
    max-width: 960px;
    margin: 0 auto;
}

/***
   Content Services style
***/
#content-services {
}
#content-services-title {
    font-size: 36px;
    text-align: center;
    padding: 50px 40px 29px;
    line-height: 37px;
}
#content-services-view {
    padding-bottom: 33px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#content-services-view div.table {
    padding: 24px 0;
    width: 285px;
    margin: 0 auto;
}
#content-services-view div.table div.left {
    width: 52px;
    padding-right: 20px;
}
#content-services-view div.table div.left,
#content-services-view div.table div.right {
    display: table-cell;
    vertical-align: top;
}
#content-services-view div.table div.left i {
    display: block;
    margin: 0 auto;
}
#content-services-view div.table div.left i.services-1 {
    background: url(../../../img/services-1.svg) no-repeat;
    width: 39px;
    height: 43px;
}
#content-services-view div.table div.left i.services-2 {
    background: url(../../../img/services-2.svg) no-repeat;
    width: 32px;
    height: 39px;
}
#content-services-view div.table div.left i.services-3 {
    background: url(../../../img/services-3.svg) no-repeat;
    width: 52px;
    height: 36px;
}
#content-services-view div.table div.left i.services-4 {
    background: url(../../../img/services-4.svg) no-repeat;
    width: 42px;
    height: 38px;
}
#content-services-view div.table div.left i.services-5 {
    background: url(../../../img/services-5.svg) no-repeat;
    width: 45px;
    height: 35px;
}
#content-services-view div.table div.left i.services-6 {
    background: url(../../../img/services-6.svg) no-repeat;
    width: 32px;
    height: 47px;
}
#content-services-view div.table div.left i.services-7 {
    background: url(../../../img/services-7.svg) no-repeat;
    width: 38px;
    height: 38px;
}
#content-services-view div.table div.left i.services-8 {
    background: url(../../../img/services-8.svg) no-repeat;
    width: 47px;
    height: 30px;
}
#content-services-view div.table div.left i.services-9 {
    background: url(../../../img/services-9.svg) no-repeat;
    width: 34px;
    height: 41px;
}
#content-services-view div.table div.right div.name {
    font-size: 24px;
    line-height: 24px;
}
#content-services-view div.table div.right div.name a {
    color: #354650;
    text-decoration: none;
}
#content-services-view div.table div.right div.name a:hover {
    color: #00aff1;
}
#content-services-view div.table div.right div.text {
    font-size: 14px;
    line-height: 18px;
    margin-top: 14px;
}
#content-services-scroll {
    cursor: pointer;
    width: 70px;
    margin: 0 auto;
    padding-bottom: 30px;
}
#content-services-scroll span {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
}
#content-services-scroll i {
    background: url(../../../img/barrow.svg) no-repeat;
    height: 14px;
    width: 24px;
    display: block;
    margin: 0 auto;
}
@media (min-width: 768px){
    #content-services-title {
        font-size: 36px;
        line-height: unset;
    }
    #content-services-view {
        width: 760px;
        margin: 0 auto;
    }
    #content-services-view div.table {
        width: 360px;
        padding: 24px 10px;
    }
}
@media (min-width: 1280px){
    #content-services-view {
        width: 1140px;
    }
    #content-services-scroll span {
        margin-bottom: 10px;
    }
}



.serviceModal {
    color: #354650;
    font-family: 'Lato', sans-serif;   
    overflow-x: hidden;
    overflow-y: scroll; 
}

.serviceModal .modal-dialog {
    max-width: 750px;
}

.serviceModal .modal-content{
    padding: 30px 50px 50px 50px;
    border-radius: 10px;
}

.serviceModal .modal-header {
    position: relative;
    border: none;
    padding: 0;
    display: block;
    margin-bottom: 17px;    
}

.serviceModal .service-icon
{
    display: inline-block;
    margin-right: 24px;
}

.serviceModal button.close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    z-index: 2;
}

.serviceModal .modal-title {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    text-align: left;    
    margin-top: 15px;
    vertical-align: top; 
    max-width: 300px;
}
.smallModal{
    overflow-x: hidden;
    overflow-y: hidden;
}


.smallModal .modal-dialog
{

    width: 360px;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


.smallModal.wideModal .modal-dialog
{
    width: 420px;
}

.smallModal .modal-header {
    margin-bottom: 20px;
    height: auto;
}

.smallModal .modal-title
{
    margin-top: 0;
    line-height: 1.3;
}

.smallModal .modal-content{
    padding: 32px 30px 32px 30px;
    border-radius: 10px;
    min-height: 260px;
}


.smallModal .btn-service{
    height: 55px;
}

.service-failed{
    background: url('../images/failed.svg') no-repeat center center;
    display: block !important;
    margin: 0 auto !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    height: 70px;
}
.service-successful{
    background: url('../images/successful.svg') no-repeat center center;
    display: block !important;
    margin: 0 auto !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    height: 70px;
}

.btn-tc-blue-generic {
    background-color: #54D0FF;
    color: #FFFFFF;
    cursor: pointer;
}

.btn-tc-blue-generic:hover {
    background-color: #00aff1;
}

.serviceModal .modal-body {
    padding: 0;
}